@import '../../../../../src/business/report/style/default.less';

.room-status-display {
    color         : #fff;
    display       : flex;
    flex-direction: column;
    flex          : 1 1;

    &::-webkit-scrollbar {
        display: none;
    }

    .room-datas {
        display        : flex;
        justify-content: center;
        margin-top     : 40px;
        margin-top     : 20px;
        flex           : 1 1;

        .room-datas-row {
            width     : 15%;
            text-align: center;
            padding   : 10px 0;
            border    : 1px solid @border-color;
            font-size : 20px;
            margin    : 0 2%;
            background: rgba(23, 185, 255, .1);

            &:first-child {
                border-left: 8px solid rgba(41, 186, 254, 1);
            }

            &:nth-child(2) {
                border-left: 8px solid rgba(136, 207, 80, 1);
            }

            &:nth-child(3) {
                border-left: 8px solid rgba(231, 158, 55, 1);
            }

            &:nth-child(4) {
                border-left: 8px solid rgba(178, 178, 178, 1);
            }

            .st {
                font-size    : 24px;
                margin-bottom: 2%;
            }
        }
    }

    .room-status-graph {
        // margin-top        : 3%;
        display              : flex;
        flex-direction       : column;
        font-size            : 32px;
        // justify-content   : center;
        flex                 : 1 1;
    }
}